From 2acf5f8966a40c1c9a97680c8dc263ee3f1ad3d1 Mon Sep 17 00:00:00 2001
From: dujinkim <dujin.kim@dtsolution.co.kr>
Date: Wed, 2 Jul 2025 00:45:49 +0000
Subject: (대표님/최겸) 20250702 변경사항 업데이트
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/[lng]/page.tsx | 158 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 158 insertions(+)
 create mode 100644 app/[lng]/page.tsx

(limited to 'app/[lng]/page.tsx')

diff --git a/app/[lng]/page.tsx b/app/[lng]/page.tsx
new file mode 100644
index 00000000..2ee83857
--- /dev/null
+++ b/app/[lng]/page.tsx
@@ -0,0 +1,158 @@
+import React from 'react';
+import Link from 'next/link';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
+import { Button } from '@/components/ui/button';
+import { Badge } from '@/components/ui/badge';
+import { ShoppingCart, Users, Settings, ArrowRight, Building2 } from 'lucide-react';
+
+export default function LandingPage() {
+  const portals = [
+    {
+        id: 'sales',
+        title: '기술영업포탈',
+        description: '기술 영업 단계에서의 RFQ를 관리할 수 있는 통합 플랫폼',
+        icon: Users,
+        color: 'from-emerald-500 to-teal-500',
+        href: '/sales',
+        features: ['벤더 관리', '기술 영업 RFQ']
+      },
+    {
+      id: 'purchase',
+      title: '구매포탈',
+      description: '협력업체에서부터 마지막 발주까지 원스톱 구매 솔루션',
+      icon: ShoppingCart,
+      color: 'from-blue-500 to-cyan-500',
+      href: '/procurement',
+      features: ['협력업체 관리', '구매관리']
+    },
+
+    {
+      id: 'design',
+      title: '설계포탈',
+      description: '벤더가 플랫폼을 통해 데이터와 문서를 제출할 수 있게 하고 TBE를 처리할 수 있는 플랫폼',
+      icon: Settings,
+      color: 'from-purple-500 to-pink-500',
+      href: '/engineering',
+      features: ['설계 기준정보관리', 'TBE']
+    }
+  ];
+
+
+
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-slate-50 to-slate-100 dark:from-slate-900 dark:to-slate-800">
+      {/* Header */}
+      <header className="relative overflow-hidden">
+        <div className="absolute inset-0 bg-gradient-to-r from-blue-600/10 to-purple-600/10"></div>
+        <div className="relative container mx-auto px-4 py-16 text-center">
+          <div className="flex items-center justify-center mb-6">
+            <Building2 className="h-12 w-12 text-blue-600 mr-3" />
+            <h1 className="text-4xl md:text-6xl font-bold bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent">
+            enterprise Vendor Co-work Platform
+            </h1>
+          </div>
+          <p className="text-xl md:text-2xl text-slate-600 dark:text-slate-300 max-w-3xl mx-auto leading-relaxed">
+            통합된 비즈니스 솔루션으로 구매부터 설계까지, 
+            <br />모든 업무 프로세스를 하나의 플랫폼에서 관리하세요
+          </p>
+          <Badge variant="secondary" className="mt-6 px-4 py-2 text-sm">
+            Enterprise Ready
+          </Badge>
+        </div>
+      </header>
+
+      {/* Main Portal Selection */}
+      <main className="container mx-auto px-4 py-16">
+        <div className="text-center mb-16">
+          <h2 className="text-3xl md:text-4xl font-bold text-slate-800 dark:text-slate-100 mb-4">
+            포털을 선택하세요
+          </h2>
+          <p className="text-lg text-slate-600 dark:text-slate-400 max-w-2xl mx-auto">
+            각 포털은 특화된 기능과 도구를 제공하여 업무 효율성을 극대화합니다
+          </p>
+        </div>
+
+        <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-7xl mx-auto">
+          {portals.map((portal) => {
+            const Icon = portal.icon;
+            return (
+              <Link key={portal.id} href={portal.href} className="block">
+                <Card className="relative group cursor-pointer transition-all duration-300 hover:scale-105 hover:shadow-2xl border-0 bg-white dark:bg-slate-800 overflow-hidden h-full">
+                  <div className={`absolute inset-0 bg-gradient-to-br ${portal.color} opacity-5 group-hover:opacity-10 transition-opacity duration-300`}></div>
+                  
+                  <CardHeader className="relative pb-4">
+                    <div className={`w-16 h-16 rounded-2xl bg-gradient-to-br ${portal.color} flex items-center justify-center mb-4 group-hover:scale-110 transition-transform duration-300`}>
+                      <Icon className="h-8 w-8 text-white" />
+                    </div>
+                    <CardTitle className="text-2xl font-bold text-slate-800 dark:text-slate-100 group-hover:text-transparent group-hover:bg-gradient-to-r group-hover:from-blue-600 group-hover:to-purple-600 group-hover:bg-clip-text transition-all duration-300">
+                      {portal.title}
+                    </CardTitle>
+                    <CardDescription className="text-slate-600 dark:text-slate-400 text-base leading-relaxed">
+                      {portal.description}
+                    </CardDescription>
+                  </CardHeader>
+                  
+                  <CardContent className="relative">
+                    <div className="mb-6">
+                      <h4 className="font-semibold text-slate-700 dark:text-slate-300 mb-3">주요 기능</h4>
+                      <div className="space-y-2">
+                        {portal.features.map((feature, idx) => (
+                          <div key={idx} className="flex items-center text-sm text-slate-600 dark:text-slate-400">
+                            <div className={`w-2 h-2 rounded-full bg-gradient-to-r ${portal.color} mr-3`}></div>
+                            {feature}
+                          </div>
+                        ))}
+                      </div>
+                    </div>
+                    
+                    <Button className={`w-full bg-gradient-to-r ${portal.color} hover:opacity-90 text-white border-0 group-hover:shadow-lg transition-all duration-300`}>
+                      포털 접속하기
+                      <ArrowRight className="ml-2 h-4 w-4 group-hover:translate-x-1 transition-transform duration-300" />
+                    </Button>
+                  </CardContent>
+                </Card>
+              </Link>
+            );
+          })}
+        </div>
+
+        {/* Additional Info Section */}
+        <div className="mt-20 text-center">
+          <div className="bg-white dark:bg-slate-800 rounded-3xl p-8 md:p-12 shadow-xl border border-slate-200 dark:border-slate-700 max-w-4xl mx-auto">
+            <h3 className="text-2xl md:text-3xl font-bold text-slate-800 dark:text-slate-100 mb-4">
+              모든 포털이 연동됩니다
+            </h3>
+            <p className="text-lg text-slate-600 dark:text-slate-400 mb-8">
+              구매, 영업, 설계 포털 간의 데이터가 실시간으로 동기화되어 
+              효율적인 업무 협업이 가능합니다
+            </p>
+            <div className="flex flex-wrap justify-center gap-4">
+              <Badge variant="outline" className="px-4 py-2">실시간 동기화</Badge>
+              <Badge variant="outline" className="px-4 py-2">통합 대시보드</Badge>
+              <Badge variant="outline" className="px-4 py-2">권한 관리</Badge>
+              <Badge variant="outline" className="px-4 py-2">보안 인증</Badge>
+            </div>
+          </div>
+        </div>
+      </main>
+
+      {/* Footer */}
+      <footer className="bg-slate-800 dark:bg-slate-900 text-white py-12 mt-20">
+        <div className="container mx-auto px-4 text-center">
+          <div className="flex items-center justify-center mb-6">
+            <Building2 className="h-8 w-8 mr-2" />
+            <span className="text-xl font-semibold">enterprise Vendor Co-work Platform</span>
+          </div>
+          <p className="text-slate-400 mb-4">
+            © 2025 삼성중공업. All rights reserved.
+          </p>
+          {/* <div className="flex justify-center space-x-6 text-sm text-slate-400">
+            <Link href="/terms" className="hover:text-white transition-colors">이용약관</Link>
+            <Link href="/privacy" className="hover:text-white transition-colors">개인정보처리방침</Link>
+            <Link href="/support" className="hover:text-white transition-colors">고객지원</Link>
+          </div> */}
+        </div>
+      </footer>
+    </div>
+  );
+}
\ No newline at end of file
-- 
cgit v1.2.3